<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Online Bank!</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<div th:include="pages :: header"></div>
<div th:if="${error}"><p>Failed to register a new card! Please try again later!</p></div>
<div th:unless="${error}" align="center">
    <h1>Register new card successfully!</h1>
    <h1>Your new card number is <span th:text="${newCardNumber}"></span></h1>
</div>
<div align="center"><label><a th:href="@{/home}">Back</a></label></div>
</body>
</html>